<script setup>
import {computed , onMounted , ref } from "vue";
import { useStore } from "vuex";
const store = useStore();
let listxq = computed(() => store.state.jiaoshi.listxq)


</script>

<template>
  <div>
    <van-cell title="教师详情" icon="arrow-left" to="/" />
    <van-divider :style="{ borderColor: '#000' }" />
    <van-card
      desc="初中二年级数学老师"
      :title="listxq.name"
      :thumb="listxq.avatar"
    >
      <template #tags>
        <span>学历：本科</span>
      </template>
    </van-card>
    <div class="text">
      <h4>授课年级</h4>
      <span>{{listxq.class}}</span>
      <!-- curriculum 教学成果 -->
      <h4>教学成果</h4>
      <span>{{listxq.result}}</span>
      <h4>教学经验</h4>
      <span>{{listxq.exp}}</span>
      <h4>教学特点</h4>
      <span>{{listxq.trait}}</span>
    </div>
  </div>
</template>



<style  scoped>
.van-cell {
  font-size: 18px;
  /* border-bottom: 1px solid #000; */
  --van-card-thumb-size: 50px;
}

.van-cell >>> van-card__price-integer {
  /* font-size: 20px; */
  font-size: var();
}

.text {
  padding: 20px 10px 100px 10px;
}
</style>